/* ---------------------表格上面的添加管理员按钮---------------- */
$('.j_add_admin_btn').on('click', function(){
    $.ajax({
        url:'/api/admin/addadmin',
        data:{
            name:$('.j_add_name1').val(),
            password:$('.j_add_password1').val(),
            type:$('.j_add_select1').val(),
            userId:$('.j_add_id1').val()
        },
        type:'post',
        success:function(res){
            // console.log(res); 
            if(res.code == 200){
                $('#exampleModal17').modal('hide');
                getUser();
            }           
        }
    })
})

/* -------------获取管理员界面的ajax信息请求---------------- */
var arr2 = [];
var page2 = 1;
var count2 = 5;

function getUser(){
    $.ajax({
        url:'/api/admin/getadmin',
        success:function(res){
            if(res.data.length){
                arr2 = res.data;
                createPage2();
                // 若有数据，渲染页面
                getCon2();
            }
        },
    })
}
getUser();

// 渲染页面
function getCon2(){
    $('.j_table2').html('');
    $.each(arr2.slice((page2-1)*count2, page2*count2), function(i, v){
        $('.j_table2').append('<tr data-password="'+v.password+'">\
        <td>'+v.id+'</td>\
        <td>'+v.name+'</td>\
        <td>'+v.userId+'</td>\
        <td>'+(v.type == 1?"普通管理员":"超级管理员")+'</td>\
        <td>\
            <!-- 删除管理员按钮 -->\
            <a href="#">\
                <span class="" data-toggle="modal" data-target="#myModal31">删除</span>\
            </a>\
            <!-- 修改管理员按钮 -->\
            <a href="#">\
                <span class="" data-toggle="modal" data-target="#exampleModal11">修改</span>\
            </a>\
        </td>\
    </tr>')
    })
}
// 点击相应页码跳转
$('.j_ul2').on('click', '.j_page1', function(){
    page2 = $(this).text();
    getCon2();
});

// 点击向前按钮跳转
$('.j_previous2').on('click', function(){
    page2--;
    if(page2 <= 1){
        page2 = 1;
    }
    getCon2();
})
// 点击向后按钮跳转
$('.j_next2').on('click', function(){
    page2++;
    if(page2 >= Math.ceil(arr2.length/count2)){
        page2 = Math.ceil(arr2.length/count2);
    }
    getCon2();
})
// 创建页码
function createPage2(){
    var n = Math.ceil(arr2.length/count2);
    $('.j_ul2 .j_page1').remove();
    for(var i = 1; i <= n; i++){
        $('.j_next2').before($('<li class="j_page1"><a href="#">'+i+'</a></li>'))
    }
}
// 点击删除按钮的时候，获取删除管理员信息
$('.j_del_admin').on('click', function(){
    $.ajax({
        url:'/api/admin/deladmin',
        data:{
            id:id
        },
        type:'post',
        success:function(res){
            // console.log(res);
            if(res.code == 200){
                $('#myModal31').modal('hide');
                getUser();
            }
        }    
    })
})
//点击删除的时候，获取同一行的id
$('#myModal31').on('show.bs.modal', function(e){
    id = $(e.relatedTarget).parents('tr').children().first().text();
})
//点击修改按钮，获取信息，进行修改
$('.j_update_admin').on('click', function(){
    $.ajax({
        url:'/api/admin/updateadmin',
        data:{
            id:$('.j_admin_id').val(),
            name:$('.j_admin_name').val(),
            password:$('.j_admin_userId').val(),
            type:$('.j_admin_type').val()
        },
        type:'post',
        success:function(res){
            // console.log(res);
            if(res.code == 200){
                $('#exampleModal11').modal('hide');
                getUser();
            }
        }
    })
    // console.log($('.j_admin_type').val());
})

//点击修改的时候，
$('#exampleModal11').on('show.bs.modal', function(e){
    var tr = $(e.relatedTarget).parents('tr');
    $('.j_admin_id').val(tr.children().first().text());
    $('.j_admin_name').val(tr.children().eq(1).text());
    $('.j_admin_userId').val(tr.children().eq(2).text());
    $('.j_admin_password').val(tr.attr('data-password'));
    $('.j_admin_type').val(tr.children().eq(3).text());
    // console.log(tr.children().eq(3).text())
})

